<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li {
            margin: 0px;
            padding: 0px;
        }

        li {
            list-style: none
        }

        a {
            text-decoration: none;

            color: #000
        }

        img {
            display: block
        }

        input {
            border: none;
        }

        .mian {
            width: 1200px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="header">
        <div class="h_top">
            <div class="topCon clearFixer">
                <div class="conLeft fl">
                    <div class="leftTxt1 fl">
                        <a href="#" class="logo">拉勾</a>
                        <a href="#" class="city">全国站</a>
                        <a href="#" class="city1">切换城市</a>
                    </div>
                    <ul class="ulList clearFixer fl">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">公司</a></li>
                        <li><a href="#">校园</a></li>
                        <li><a href="#">言职</a></li>
                        <li><a href="#">课程</a></li>
                    </ul>

                </div>
                <div class="conRight fr">
                    <ul class="ulList clearFixer">
                        <li><a href="#" class="login btn"><span></span>登录</a></li>
                        <li><a href="#" class="login2"><span>|</span>注册</a></li>
                        <li><a href="#" class=" app"><span></span>拉勾app</a></li>
                        <li><a href="#">进入企业版</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="h_bottom">
            <div class="botCon main">
                <div class="conLeft fl">
                    <div class="imgBox">
                        <img src="img/footer_lagou.png"/>
                    </div>
                    <div class="txtBox">7555585家公司|67667676个职位在拉勾等你</div>
                </div>
                <div class="conRight fr">
                    <div class="btnBox"><input type="text" placeholder="请输入手机号" class="txt1 fl"/>
                        <p class="fl pBtn">
                            <input type="text" placeholder="验证码" class="txt2"/>
                            |
                            <a href="#" class="aTxt2">获取</a>
                        </p>
                        <input type="submit" value="登录/注册" class="fl btnSub"/>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="sear">
        <div class="searCon mian">
            <div class="search">
                <input type="text" placeholder="搜索公司/搜索职位或地点" class="searchInp fl"/>
                <a href="#" class="btn fl">搜索</a>
            </div>
            <ul class="searList clearFixer">
                <li><a href="#">热门搜索:</a></li>
                <li><a href="#">24小时极速入职</a></li>
                <li><a href="#">名企校招早班车</a></li>
                <li><a href="#">Java面试</a></li>
                <li><a href="#">架构设计</a></li>
                <li><a href="#">数据分析</a></li>
                <li><a href="#">PHP</a></li>
                <li><a href="#" C++></a></li>
            </ul>
        </div>
    </div>
    <div class="banner">
        <div class="bannCon mian clearFixer">
            <div class="banLeft fl">
                <ul class="banList">
                    <li>
                        <a>技术</a>
                        <a>Java</a>
                        <a>PHP</a>
                        <a>区块链</a>
                        <span>&gt;></span>
                    </li>
                    <li>
                        <a>产品</a>
                        <a>产品总监</a>
                        <a>产品经理</a>
                        <span>&gt;></span>

                    </li>
                    <li>
                        <a>设计</a>
                        <a>UI设计师</a>
                        <a>交互设计</a>
                        <a>网页设计师</a>
                        <span>&gt;></span>
                    </li>
                    <li>
                        <a>运营</a>
                        <a>新媒体运营</a>
                        <a>编辑</a>
                        <a>数据运营</a>
                        <span>&gt;></span>
                    </li>
                    <li>
                        <a>市场</a>
                        <a>市场营销</a>
                        <a>市场推广</a>
                        <a>市场策划</a>
                        <span>&gt;></span>
                    </li>
                    <li>
                        <a>销售</a>
                        <a>销售专员</a>
                        <a>销售经理</a>
                        <a>销售总监</a>
                        <span>&gt;></span>
                    </li>
                    <li>
                        <a>职能</a>
                        <a>HR</a>
                        <a>行政</a>
                        <a>财务</a>
                        <a>审计</a>
                        <span>&gt;></span>
                    </li>
                    <li>
                        <a>游戏</a>
                        <a>小游戏开发</a>
                        <a>U3D</a>
                        <a>游戏策划</a>
                        <span>&gt;></span>
                    </li>
                </ul>
            </div>
            <div class="banRight fr">
                <div class="banImgBox">
                    <img src="img/banner.JPG" class="banImg"/>
                    <span class="btnLeft">&gt; </span>
                    <span class="btnRight">&gt; </span>
                </div>
            </div>

        </div>
    </div>
    <div class="content mian">
        <div class="line1">
            <div class="lineTop">
                <div class="top1">
                    <a class="hotBtn">24Hour热门</a>
                    <a class="newBtn">最新职位</a>
                </div>
                <div class="top2">
                    <span class="fl">?</span>
                    <a class="fl">在过去的24小时，最多人看过的岗位在这里</a>
                    <a class="fl">我知道了</a>
                </div>

            </div>
            <ul class="conUl">
                <li class="clearFixer">
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                </li>
                <li class="clearFixer">
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                </li>
                <li class="clearFixer">
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                    <div class="conBox fl">
                        <p class="job clearFixer">
                            <span class="jobTxt fl">Java工程师</span>
                            <span class="time btn fl">[10:35]</span>
                            <img class="fl" src="img/icon_chat.png"/>
                            <span class="money fr">10k-15k</span>
                        </p>
                        <p class="btn btn2">经验5-10年大专</p>
                        <p class="clearFixer pBor">
                            <span class="btn fl spa">电商</span>
                            <span class="btn fl spa">移动互联网</span>
                        </p>
                        <div class="imgBox clearFixer">
                            <img src="img/con2.png" class="fl"/>
                            <div class="imgTxt fl">
                                <p class="txt1">长沙千峰教育科技有限公司</p>
                                <p class="txt2">教育、未融资、长沙</p>

                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <p class="more">查看更多</p>
        </div>
        <div class="line2">
            <div class="lineTop">
                <div class="top1">
                    <a class="hotBtn">互联网热门公司</a>
                </div>
                <div class="top2">
                    <span class="fl">?</span>
                    <a class="fl">在过去的24小时，最多人看过的岗位在这里</a>
                    <a class="fl">我知道了</a>
                </div>
            </div>
            <div class="con2Box clearFixer">
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
                <div class="listBox fl">
                    <img src="img/con2.png"/>
                    <span class="spa1">数据堂</span>
                    <p class="txt1">数据服务</p>
                    <p class="txt2">发掘数据的价值，便利人们的生活，让人们怎么怎么样</p>
                    <div class="listCon clearFixer">
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                        <div class="box1 fl">
                            <p>20</p>
                            面试评价
                        </div>
                    </div>
                </div>
            </div>
            <p class="more">查看更多</p>
        </div>
        <div class="line3">
            <div class="lineTop">
                <div class="top1">
                    <a class="hotBtn">友情链接</a>
                </div>
                <div class="btnCon">
                    <a href="">拉勾网</a>
                    <a href="">教师网</a>
                    <a href="">招聘</a>
                    <a href="">拉勾网</a>
                    <a href="">拉勾网</a>
                    <a href="">拉勾网</a>
                    <a href="">拉勾网</a>
                    <a href="">拉勾网</a>
                    <a href="">拉勾网</a>
                    <a href="">拉勾网</a>
                    <a href="">教师网</a>
                    <a href="">招聘</a>
                    <a href="">拉勾网</a>
                    <a href="">教师网</a>
                    <a href="">招聘</a>
                    <p class="fr openTxt">展开<img src="img2/open.jpg" class="fr"></p>


                </div>
            </div>

        </div>


    </div>
    <div class="footer">
        <div class="fooTop mian">
            <div class="appBox fl">
                <p class="btnApp"><span></span>下载拉勾app</p>
                <p class="btnApp"><span></span>微信小程序</p>
                <p class="btnTxt">
                    <img src="img2/icon-wechat.png"/>拉勾微信
                    <img src="img2/icon-sina1.png" alt="">拉勾微博
                </p>
            </div>
            <dl class="fl">
                <dt> 企业服务</dt>
                <dd>招聘抢人宝典</dd>
                <dd>公司搜索</dd>
                <dd>拉勾app</dd>
            </dl>
            <dl class="fl dlCen">
                <dt> 企业服务</dt>
                <dd>招聘抢人宝典</dd>
                <dd>公司搜索</dd>
                <dd>拉勾app</dd>
            </dl>
            <dl class="fl">
                <dt> 企业服务</dt>
                <dd>招聘抢人宝典</dd>
                <dd>公司搜索</dd>
                <dd>拉勾app</dd>
            </dl>

        </div>
        <div class="fooBottom">
            <div class="bottCon main">
                <p class="txtP1 fl">&copy;2018拉勾网京ICP备12345</p>
                <p class="txtP2 fl"><span class="fl"></span>京公安网络11012345678910</p>
                <div class="txtBox fl">
                    <span class="fl"></span>
                    <p class="fl">
                        违法和不良信息举报 <br>
                        电话：4007878 <br>
                        邮箱：cc@laogou.com
                    </p>
                </div>
                <div class="fr imgBox">
                    <img src="img/footer_lagou.png" alt="">
                </div>
            </div>
        </div>

    </div>
</div>

</body>
</html>